<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>发现-活动</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.content{
			margin-bottom: 5px;
		}
		.content > div {
			margin-bottom: 1px;
		}
		
		.activity-tx img {
			width: 100%;
			height: 100%;
			max-height: 87px;
			max-width: 87px;
		}
		
		.activity-info time {
			font-size: 12px;
			line-height: 12px;
		}
		
		.activity-info a {
			border-color: #CCCCCC;
		}
		
		.activity-info a:active {
			color: #CCCCCC;
		}
		
		.activity-btn button {
			border-color: #FC3A2E;
			padding-top: 0px;
			padding-bottom: 0;
		}
		
		.activity-img {
			padding-bottom: 15px;
		}
		
		.activity-img img {
			max-height: 120px;
			max-width: 120px;
			padding-left: 15px;
			padding-top: 15px;
		}
		.not-visible {
			visibility: hidden;
		}
	</style>
</head>
<body>
	<!--数据列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--数据列表-->
			<section class="mui-table-view mui-row scroll-data" data-tpl="tpl-template">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--数据列表 结束-->

	<!--活动模板 开始-->
	<script type="text/template" id="tpl-template">
		{{if !data || data.length == 0}}
		<div class="no-data">
			<center>暂时无数据</center>
		</div>
		{{/if}}
		{{each data as item}}
		<div class="activity" data-id="{{item.id}}">
			<div class="mui-row white pad-v pad-h">
				<div class="mui-col-xs-3 activity-tx">
					<img src="../image/txx.png">
				</div>
				<div class="mui-col-xs-6 pad-h activity-info">
					<label class="mui-block pad-v-sm">{{item.title}}</label>
					<time class="mui-block text-gray">时间：{{item.create_time}}</time>
					<a class="text-gray pad-h-sm bdr rds mgn-v-sm mui-inline {{if !isFinish}}not-visible{{/if}}">活动已结束</a>
				</div>
				<div class="mui-col-xs-3 activity-btn pad-v-lg">
					<button class="mui-pull-right text-primary pad-h rds btn-view-detail">查看</button>
				</div>
			</div>
			<div class="white pad-h pad-v-sm">
				<span>{{item.description}}</span>
			</div>
			<!--<div class="mui-row white activity-img">
				<img class="mui-col-xs-4" src="../image/txx.png" />
				<img class="mui-col-xs-4" src="../image/txx.png" />
				<img class="mui-col-xs-4" src="../image/txx.png" />
			</div>-->
		</div>
		{{/each}}
	</script>
	<!--活动模板 结束-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.activity.scroll.js" ></script>
</body>
</html>